@charset "utf-8";
/* 
 * Project Name:绿金生物
 * Author:浅浅
 * Date：2015-10-08
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; }
/* always display scrollbars */
body { font: 12px/1.8 "微软雅黑","宋体",Arial,sans-serif; margin: 0 auto; color: #525252; background-color: #fff; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
img { border: 0; }
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }
textarea { -webkit-appearance: none; border-radius: 0; }
::-moz-selection { background: #02a3eb; color: #fff; text-shadow: none; }
::selection { background: #02a3eb; color: #fff; text-shadow: none; }
a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor: pointer; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; }
a:link, a:visited { text-decoration: none; }
a:active, a:hover { text-decoration: none; }
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.fc { text-align: center; }
.fr { text-align: right; }
.l { float: left; display: inline-block; }
.r { float: right; display: inline-block; }
.vt { vertical-align: top; }
.vm { vertical-align: middle; }
.binner { width: 1180px; margin: 0px auto; }
.grop { box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); position: relative; z-index: 500; }
.top { padding: 5px 0px; }
.logo { float: left; display: none; width: 250px; }
.logo img { width: 100%; display: block; }
.logo1 { float: left; display: block; width: 247px; padding-top:2px; }
.logo1 img { width: 100%; display: block; }
.f12{ margin:0 auto; padding:0; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:30px;}

.clr{ clear:both;}


#ding{ margin:0 auto; padding:0; width:100%; height:40px; background:#fff;}
#ding1{ margin:0 auto; padding:0; width:100%; height:40px;}
.sharpBox { margin:0 auto; padding:0; width:100%; max-width:1200px; text-align:right; color:#666; height:40px;display: block; line-height:40px;}
.sharpBox1 { margin:0 auto; padding:0; width:200px; float:right; text-align:right; color:#666; height:40px;display: block; line-height:40px;}
.sharpBox2 { margin:0 auto; padding:0; width:auto; float:right; text-align:right; color:#666; height:40px;display: block; line-height:40px;}
.sharpBox2 a{  text-align:right; color:#666; height:40px;line-height:40px;}
.sharpBox2 a:hover{ color:#000; height:40px;line-height:40px;}



.navbox { margin:0 auto; padding:0; width:100%; height:64px; background:#fff; }
.navboxmain { margin:0 auto; padding:0; width:100%; max-width:1200px; height:64px;}

.navbox1 { margin:0 auto; padding:0; width:200px; height:auto; float:left; margin-top:-30px;}
.navbox2 { margin:0 auto; padding:0; width:830px; height:auto; float:right;}

.sharpBox1 .bds_weixin{
    background-image: url('../image/css-bg1.png');
    background-position: -13px -7px !important;
}
.sharpBox1 .bds_tsina{
    background-image: url('../image/css-bg1.png');
    background-position: -57px -7px !important;
}
.sharpBox1 .bds_sqq{
    background-image: url('../image/css-bg1.png');
    background-position: -101px -7px !important;
}
.sharpBox1 .bds_qzone{
    background-image: url('../image/css-bg1.png');
    background-position: -146px -7px !important;
}


.menu-handler { width: 58px; height: 58px; cursor: pointer; display: none; float: right; position: relative; background-color: #39b54a; margin-left: 15px; }
.menu-handler .burger { width: 24px; height: 2px; background: #fff; display: block; position: absolute; z-index: 5; top: 20px; left: 50%; margin: 0px 0px 0px -12px; transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center; -o-transform-origin: center; -ms-transform-origin: center; }
.menu-handler .burger-2 { top: 27px; }
.menu-handler .burger-3 { top: 35px; }
.csstransforms .menu-handler.active .burger-1 { top: 27px; -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.csstransforms .menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.csstransforms .menu-handler.active .burger-3 { top: 27px; -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.csstransforms .trans, .csstransforms .trans:hover { -webkit-transition: all 277ms ease-in-out; -moz-transition: all 277ms ease-in-out; -o-transition: all 277ms ease-in-out; transition: all 277ms ease-in-out; -ms-transition: all 277ms ease-in-out; }
.csstransforms .trans-fast, .csstransforms .trans-fast:hover { -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; -ms-transition: all 200ms ease-in-out; }
.no-csstransforms .menu-handler.active .burger-1, .no-csstransforms .menu-handler.active .burger-2, .no-csstransforms .menu-handler.active .burger-3 { display: none; }
.no-csstransforms .menu-handler.active { background: url(../images/mob_close.png) no-repeat scroll center center; }
.menuBox { position: fixed; left: 0px; top: -100%; width: 100%; height: 100%; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch; z-index: 900; background-color: #f6f7f7; }
.menuBoxShow { right: 0px; }
.menuclose { border-radius: 50%; -webkit-border-radius: 50%; width: 49px; height: 49px; border: 3px solid #e2e2e2; margin: 50px auto 0px; position: relative; }
.menuclose i { background: url(../images/menuclose.png) no-repeat; width: 17px; height: 20px; position: absolute; left: 16px; top: 15px; transition: 400ms; }
.menuclose:hover i { transform: rotate(90deg); }
.navMobile { padding: 30px 0px 50px; }
.navMobile dd { display: block; width: 100%; text-align: center; }
.navMobile dd p a { text-transform: uppercase; font-size: 16px; font-weight: bold; position: relative; }
.navMobile dd a { display: block; padding: 14px 0px; line-height: 1.4; font-size: 14px; color: #39b54a; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; }
.navMobile dd a:hover, .navMobile dd p a.cur { background: none #39b54a; color: #fff; }
.navMobile dd a:active { background-color: #84c598; color: #fff; }
.navMobile dd .msubnav { background-color: #fff; display: none; }
.navMobile dd .msubnav a { color: #8d8d8d; position: relative; background: transparent; }
.menuLogo { display: block; margin: 0px auto; width: 64px; }
.menuLogo img { width: 100%; display: block; }
.mtop { height: 0px; display: block; }


.nav{width:100%;background:#fff; float:right;}
.nav ul{width:830px;height:64px;margin:0 auto; float:right;}
.nav li{list-style:none;width:90px;height:64px;float:left;position:relative;background:#fff;}
.nav li .a{display:block;height:50px;line-height:64px;color:#222;text-align:center;text-decoration:none;font-family:"微软雅黑";font-size:14px;}



.nav a:link, .nav a:visited { }
.nav a:active, .nav a:hover {}
.nav a:hover, .nav a.act { display: block; }
.nav li:hover { background-color: #02a3eb; color:#fff; }


.xmzs0{width:700px;height:auto;background:#02a3eb;display:none;position:absolute;left:-100px;top:64px;padding:20px;}
.xmzs0 ul{ margin:0 auto; padding:0; width:100%; height:auto;}
.xmzs0 ul li{ margin:0; padding:0; width:220px; height:auto;}
.xmzs0 ul li a{ margin:0; padding:0;width:180px; float:left; padding-left:20px; padding-right:20px; background: url(../image/11.png) no-repeat left center #02a3eb; display:block;  height:auto; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#fff; text-align:left; text-decoration:none; line-height:25px;}
.xmzs0 ul li a:hover{ text-decoration:underline;}



.xmzs01{width:150px;height:auto;background:#02a3eb;display:none;position:absolute;top:64px;}
.xm1 h3{font-size:14px;font-family:"微软雅黑";color:#FFF;line-height:36px;}
.xm1 span{font-size:12px;font-family:"微软雅黑";color:#FFF;}
.xm1{float:left;display:inline;}
.xmzs01 .mm{ width:150px; height:auto; margin:0; padding:0; display:block;font-size:12px;font-family:"微软雅黑";color:#FFF;line-height:36px; text-align:left;}
.xmzs01 .mm a{width:110px; height:auto; margin:0; padding:0; padding-left:20px; padding-right:20px; display:block;font-size:12px;font-family:"微软雅黑";color:#FFF;line-height:36px; text-align:left;}
.xmzs01 .mm a:hover{color:#FFF;line-height:36px; background:#0087C4;}

#banner{ margin:0 auto; padding:0; width:100%; height:auto;}

#floatDivBoxs{width:170px;background:#fff;position:fixed;top:180px;right:0;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:45px;}
#floatDivBoxs .floatDqq li a:hover{ color:#000;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:180px;right:170px;z-index:999;}
#rightArrow a{display:block;height:45px;}

#indexkey{ margin:0; padding:0; width:100%; height:50px; border-bottom:1px solid #02a3eb;}
#indexkeymain{ margin:0 auto; padding:0; width:96%; height:50px; max-width:1200px;}
#indexkey1{ margin:0 auto; padding:0; width:60%; height:50px; float:left;font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666; text-align:left; text-decoration:none; line-height:50px;}
#indexkey1 span{ color:#02a3eb; font-weight:bold;}
#indexkey2{ margin:0 auto; padding:0; width:30%; height:40px; float:right; padding-top:10px;}
.search{ float:right;}
.search .input{ width:200px; height:14px; padding:5px 0 5px 5px; color:#c4c4c4; border:1px solid #f3f3f3; border-right:none; float:left;font-family:"微软雅黑","宋体",Arial;}
.search .btn{ width:40px; height:26px; border:none; background:#02a3eb url(../image/search.png) no-repeat center; float:left; cursor:pointer; margin:0 8px 0 0;}



#indexsearch{ margin:0 auto; padding:0; width:100%; height:auto; max-width:1200px;}
#indexsearch1{ margin:0 auto; padding:0; width:60%; height:auto; padding-bottom:10px; padding-top:10px; float:left;font-size:14px; color:#666666;  text-align:left; text-decoration:none; line-height:30px;font-weight:normal;}
#indexsearch1 a{ font-size:14px; color:#666666;  text-align:left; text-decoration:none; line-height:30px;font-weight:normal;}
#indexsearch1 a:hover{  color:#0A89EA;  text-decoration: underline; }
#indexsearch1 span{color:#0A89EA; }

#indexsearch2{ margin:0 auto; padding:0; width:40%; height:auto; padding-bottom:10px; padding-top:10px; float:right;font-size:14px; color:#666666;  text-align:left; text-decoration:none; line-height:30px;font-weight:normal;}

#indexpronew{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; max-width:1200px;}



#indexzxj{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; background:#f3f3f3;}
#indexzxjtitle1{ margin:0 auto; padding:0; width:100%; height:auto;max-width:1200px;padding-bottom:20px; padding-top:20px;  font-family:Impact,"微软雅黑", "宋体"; font-size:42px; color:#0A4191;  text-align:center; text-decoration:none; line-height:24px;font-weight: normal;}
#indexzxjtitle2{ margin:0 auto; padding:0; width:100%; height:auto;max-width:1200px; font-family:"微软雅黑", "宋体"; font-size:20px; color:#666666;  text-align:center; text-decoration:none; line-height:24px;font-weight:normal;}
#indexzxjtitle2 h1{ font-family:"微软雅黑", "宋体"; font-size:20px; color:#666666;  text-align:center; text-decoration:none; line-height:24px;font-weight:normal;}
#indexzxjtitle3{ margin:0 auto; padding:0; width:100%; height:auto;padding-bottom:20px; padding-top:20px; max-width:1200px; font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666;  text-align:center; text-decoration:none; line-height:24px;font-weight:normal;}
#indexzxjtitle3 a{ font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666;  text-align:center; text-decoration:none; line-height:24px;font-weight:normal;}
#indexzxjtitle3 a:hover{color:#000; text-decoration: underline;}


#indexpromain{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; background:#fff;}

#inxexpro1{ margin:0 auto; padding:0; width:100%; height:98px; text-align:center;}
#inxexpro2{ margin:0 auto; padding:0; width:1000px; height:auto;  font-family:"微软雅黑", "宋体"; font-size:12px; color:#666666;  text-align:center; text-decoration:none; line-height:24px;font-weight:normal;}

#indexpro3{ margin:0 auto; padding:0; width:1000px; height:auto; }

#list221{ margin:0; padding:0; width:213px; height:245px; background: url(image/a2.jpg) no-repeat; margin-left:15px; margin-right:15px; float:left;}
#list221:hover{ background: url(image/a1.jpg) no-repeat;}
#listblank7{ margin:0; padding:0; width:213px; height:5px;}
#listpro{ margin:0; padding:0; width:213px; height:160px;}
#listpro a{ margin:0; padding:0; width:213px; height:155px;}

#listproname{ margin:0; padding:0; width:213px; height:40px;}
#listproname a{ margin:0; padding:0; width:213px; height:40px; border:0; display:block; font-family:"微软雅黑", "宋体"; font-size:12px; color:#999999; text-align:center; text-decoration:none; line-height:40px;}
#listproname a:hover{ color:#58B530;}

#listmore{ margin:0; padding:0; width:213px; height:40px; border:0; display:block;  font-family:"微软雅黑", "宋体"; font-size:12px; color:#999999; text-align:center; text-decoration:none; line-height:40px; }
#listmore a{ margin:0; padding:0; width:213px; height:40px; border:0; display:block; font-family:"微软雅黑", "宋体"; font-size:12px; color:#999999; text-align:center; text-decoration:none; line-height:40px; }
#listmore a:hover{ color:#ffffff;  }

#indexpro4{ margin:0 auto; padding:0; width:260px; height:40px;display:block;margin-top:20px;}


#indexpro4 a{ margin:0; padding:0; width:260px; height:40px;display:block;font-size:12px;font-family:"微软雅黑", "宋体";text-decoration:none;border:1px solid #6d9cdc; color:#999999; background:#ffffff;line-height:40px; text-align:center;}
#indexpro4 a:hover{ color:#ffffff; background:#044091;  }



#indexnewzhong{ margin:0 auto; padding:0; width:100%; height:285px; background:url(../image/ba1.jpg) no-repeat top center;}
#indexnewzhong1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px; text-align:center;}
#indexnewzhong2{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px; max-width:800px;}
#indexnewzhong21{ margin:0 auto; padding:0; width:33%; height:auto; float:left;}
#indexnewzhong211{ margin:0 auto; padding:0; width:100%; height:auto; float:left; text-align:center;}
#indexnewzhong212{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微软雅黑", "宋体";text-decoration:none;color:#ffd600; line-height:40px; text-align:center; }

#indexnewabout{ margin:0 auto; padding:0; width:100%; height:auto; margin-bottom:20px; margin-top:20px; max-width:1200px;}
#indexnewabout1{ margin:0 auto; padding:0; width:48%; height:auto; float:left;}
#indexnewabout11{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:20px;font-family:"微软雅黑", "宋体";text-decoration:none;color:#000; line-height:40px; text-align:left; }
#indexnewabout11 span{ font-family:Arial;text-decoration:none;color:#888; font-size:14px; line-height:40px; text-align:left; }
#indexnewabout12{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px;font-size:14px; float:left;font-family:"微软雅黑", "宋体";text-decoration:none;color:#666; line-height:20px; text-align:left; }
#indexnewabout2{ margin:0 auto; padding:0; width:48%; height:auto; float:right;}
#indexnewabout21{ margin:0 auto; padding:0; width:100%; height:auto; font-size:20px; float:left;font-family:"微软雅黑", "宋体";text-decoration:none;color:#000; line-height:40px; text-align:left; }
#indexnewabout21 span{ font-family:Arial;text-decoration:none; font-size:14px;color:#888; line-height:40px; text-align:left; }
#indexnewabout22{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px; float:left;font-family:"微软雅黑", "宋体";text-decoration:none;color:#666; line-height:20px; text-align:left; }

#indexnewabout221{ margin:0 auto; padding:0; width:49%; margin-right:1%; height:auto; float:left;}
#indexnewabout2211{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
#indexnewabout2211 img{ max-width:100%; height:auto;}
#indexnewabout2212{ margin:0 auto; padding:0; width:100%; height:auto; float:left;}
#indexnewabout2212 a{ margin:0 auto; padding:0; width:100%; height:auto; float:left;font-family:"微软雅黑", "宋体";text-decoration:none;color:#000; line-height:20px; text-align:center;}
#indexnewabout2212 a:hover{ color:#666; text-decoration:underline;}




#indexvideo{ margin:0 auto; padding:0; width:100%; height:auto; background:#f3f3f3; padding-bottom:40px; padding-top:40px;}



#indexabout{ margin:0 auto; padding:0; width:100%; height:auto; margin-top:40px; border-bottom:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background:#f3f3f3;}
#indexaboutmain{ margin:0 auto; padding:0; width:100%; height:apto; max-width:1200px; padding-bottom:40px; padding-top:40px;}
#indexabout1{ margin:0; padding:0; width:68%; height:auto; float:left;}
#indexabout11{ margin:0; padding:0; width:100%; height:38px; margin-top:30px;font-family:"微软雅黑","宋体"; font-size:18px;color:#044091; text-align:left; text-decoration:none; line-height:38px;}
#indexabout12{ margin:0; padding:0; width:30%; height:auto; float:left;}
#indexabout12 img{ max-width:100%;}
#indexabout13{ margin:0; padding:0; width:68%;  height:auto; float:right;font-family:"微软雅黑", "宋体"; font-size:12px; color:#999999; text-align:left; text-decoration:none; line-height:23px;}
#indexabout13 a{ font-family:"微软雅黑", "宋体"; font-size:12px; color:#999999; text-align:left; text-decoration:none; line-height:23px;}
#indexabout13 a:hover{ color:#666; text-align:left; text-decoration: underline; line-height:23px;}

#indexabout3{ margin:0; padding:0; width:30%; height:auto; float:right;}

#indexabout31{ margin:0; padding:0; width:92%; padding-left:4%; padding-right:4%; height:38px; margin-top:30px;font-family:"微软雅黑","宋体"; font-size:18px;color:#044091; text-align:left; text-decoration:none; line-height:38px;}
#indexabout32{ margin:0; padding:0; width:92%; padding-left:4%; padding-right:4%;  height:auto; margin-top:15px; font-family:"微软雅黑","宋体"; font-size:12px;color:#666666; text-align:left; text-decoration:none; line-height:23px;}
#indexabout32 p{ font-family:"微软雅黑","宋体"; font-size:12px;color:#666666; text-align:left; text-decoration:none; line-height:23px;}

#indexabout33{ margin:0; padding:0; width:92%; padding-left:4%; padding-right:4%;  height:38px; margin-top:20px;font-family:"微软雅黑","宋体"; font-size:18px;color:#044091; text-align:left; text-decoration:none; line-height:38px;}

#indexabout34{ margin:0; padding:0; width:92%; padding-left:4%; padding-right:4%;  height:auto; margin-top:15px; font-family:"微软雅黑","宋体"; font-size:12px;color:#666666; text-align:left; text-decoration:none; line-height:23px;}



.kong1{ margin:0 auto; padding:0; width:100%; height:40px;}


#indexnewcon{ margin:0 auto; padding:0; width:100%; height:auto; padding-bottom:40px; padding-top:40px; max-width:1200px;}

#indexnewcon1{ margin:0 auto; padding:0; width:100%; height:auto; float:left; font-size:20px;font-family:"微软雅黑", "宋体";text-decoration:none;color:#000; line-height:40px; text-align:left; }
#indexnewcon1 span{ font-family:Arial;text-decoration:none;color:#888; font-size:14px; line-height:40px; text-align:left; }

#indexnewcon2{ margin:0 auto; padding:0; width:100%; height:auto; float:left;  }





#indexnew1{ margin:0 auto; padding:0; width:31%; height:auto; float:left; margin:1%;}
#indexnew11{ margin:0 auto; padding:0; width:100%; height:auto; float:left; border-bottom:2px solid #e3e3e3;font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:40px;}
#indexnew12{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-bottom:10px; padding-top:10px; border-bottom:1px dashed #e3e3e3; }
#indexnew121{ margin:0 auto; padding:0; width:30%; height:auto; float:left; }
#indexnew121 img{ max-width:100%;}
#indexnew122{ margin:0 auto; padding:0; width:66%; height:auto; float:right; }
#indexnew1221{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#000; text-align:left; text-decoration:none; line-height:20px; font-weight:bold;}
#indexnew1221 a{ font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#000; text-align:left; text-decoration:none; line-height:20px; font-weight:bold;}
#indexnew1221 a:hover{ text-decoration:underline;}
#indexnew1222{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; text-align:left; text-decoration:none; line-height:20px;}
#indexnew13{ margin:0 auto; padding:0; width:100%; height:auto; float:left; padding-bottom:10px; padding-top:10px;}
#indexnew13 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;padding-top:10px; }
#indexnew13 ul li{ margin:0; padding:0; width:100%; height:auto;border-bottom:1px solid #EEEEEE;}
#indexnew13 ul li a{font-family:"微软雅黑","宋体",Arial; padding-left:15px; font-size:12px;color:#666666; text-align:left; text-decoration:none; line-height:20px;}
#indexnew13 ul li a:hover{ text-decoration:underline;}
#indexnew13 ul li span{font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; text-align:left; text-decoration:none; line-height:20px;}


#indexnew32{ margin:0 auto; padding:0; width:46%; height:auto; float:right;}
#indexnew321{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:40px; }
#indexnew321 a{ font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:40px; }
#indexnew321 a:hover{ color:#000; text-decoration:underline;}
#indexnew322{ margin:0 auto; padding:0; width:100%; border-bottom:1px solid #b3b3b3; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; text-align:left; text-decoration:none; line-height:25px; }
#indexnew323{ margin:0 auto; padding:0; width:100%; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:30px; }
#indexnew323 ul{ margin:0; padding:0; width:100%;height:auto; list-style:none;padding-top:10px; }
#indexnew323 ul li{ margin:0; padding:0; width:100%; height:auto;}
#indexnew323 ul li a{ margin:0; padding:0;width:100%-20px; padding-left:20px; border-bottom:1px solid #EEEEEE; background:#fff; display:block;  padding-top:10px; padding-bottom:10px; height:auto; font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666666; text-align:left; text-decoration:none; line-height:20px;}
#indexnew323 ul li a:hover{  background:#e3e3e3;font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#666; }


#indexnewdi{ margin:0 auto; padding:0; width:100%; height:auto; text-align:center;}
#indexnewdi img{ max-width:100%;}





.prori {
	width:100%;
	overflow:hidden
}
.prori ul {
	width:105%
}
.prori ul li {
	float:left;
	width:220px;
	height:280px;
	position:relative;
	overflow:hidden;
	padding-top:10px;
	margin:0 16px 16px 0;
	border:1px solid #f3f3f3;
	
}
.prori ul li .proliname {
	text-align:center;
	font-size:13px;
	color:#666;
	margin-top:20px
}
.prori ul li .proliname a{
	text-align:center;
	font-size:13px;
	color:#666;
}
.prori ul li .proliname a:hover{
	color:#CC3300;
}

.prori ul li .proliname span {
	text-align:center;
	font-size:12px;
	color:#999;
	display:block
}
.prori ul li .prolicover {
	position:absolute;
	width:100%;
	height:100%;
	left:0;
	top:0;
	opacity:.9;
	filter:Alpha(opacity=90);
	background:#0C6BA5;
	display:none;
	overflow:hidden
}
.prori ul li .prolitext {
	position:absolute;
	width:180px;
	left:20px;
	top:-240px;
	font:14px/21px "微软雅黑";
	color:#fff;
	height:235px;
	overflow:hidden
}
.prori ul li .prolitext span {
	display:block;
	font:normal 12px/16px Arial;
	color:#fff;
	opacity:.5;
	filter:Alpha(opacity=50)
}
.prori ul li .prolimore {
	position:absolute;
	right:81px;
	bottom:-26px;
	overflow:hidden
}
.prori ul li .prolimore a {
	padding:5px 10px;
	text-align:center;
	border:1px solid #fff;
	color:#fff;
	display:block;
	transition:all .3s;
	font-size:14px
}
.prori ul li .prolimore a:hover {
	background:#fff;
	color:#e10000;
	border:1px solid #fad1d1
}
.pro_head {
	height:500px;
	margin-bottom:10px;
	position:relative
}
.pro_head .pro_intro {
	width:240px;
	color:#ccc;
	padding:25px;
	color:#666;
	background:#fff;
	height:450px;
	font-size:14px;
	margin-left:10px;
	position:absolute;
	right:0
}
.pro_head .pro_intro h3 {
	font:21px/30px "微软雅黑" normal;
	color:#000;
	margin-bottom:25px
}
.pro_head .pro_intro .price {
	font-weight:normal;
	text-align:center;
	position:absolute;
	font-size:21px;
	color:#F00;
	top:450px
}
.pro_head .pro_img {
	background:#fff;
	margin-right:310px;
	height:500px;
	position:relative;
	text-align:center
}
.more_img {
	position:absolute;
	right:0;
	top:0;
	width:60px;
	margin:15px
}
.more_img img {
	width:60px;
	height:60px;
	margin-bottom:10px;
	border:1px solid #eee
}
.pro_nav {
	height:48px
}
.pro_nav li {
	float:left;
	width:25%
}
.pro_nav li a {
	display:block;
	border-right:2px solid #fff;
	text-align:center;
	line-height:48px;
	font-size:18px;
	background:#e0e0e0
}
.pro_nav li:last-child a {
	border-right:0
}
.pro_nav li:hover a, .pro_nav li.on a {
	color:#fff;
	background:#656565
}
#pro_show {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:25px 0
}
#pro_tech {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_pack {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_tech p, #pro_pack p {
	display:block;
	background:#eee;
	padding:3px 10px;
	margin-bottom:2px
}
#pro_aq {
	background:#fff;
	overflow:hidden;
	padding:25px 30px;
	font-size:14px;
	line-height:30px
}
#pro_news {
	text-align:center;
	background:#fff;
	overflow:hidden;
	padding:5px 0
}
#pro_news div {
	float:left;
	text-align:left;
	padding:10px;
	width:90%;
	margin:10px;
	border-bottom:2px solid #f2f2f2
}
ul.box{ width:1000px; height:auto; }
.box li{ margin:0; padding:0; width:308px; height:137px; margin-right:18px; float:left; overflow:hidden; position:relative;}
.toll_img{ width:308px; height:137px;}
.toll_info{ height:137px; width:308px; background:#737373; vertical-align:middle;display:table-cell; }
.box li p{ padding:10px; font:normal 13px/24px '微软雅黑'; cursor:pointer; }
.box li a{ color:#ffffff; text-decoration:none; position:absolute; top:0; left:0;}


.boxtex li{ width:308px; height:67px; margin-right:18px; float:left; overflow:hidden; position:relative;color:#666666; text-decoration:none;line-height:30px; font-size:14px;}
.boxtex li p{ padding:10px; font:normal 13px/24px '微软雅黑'; cursor:pointer; color:#ffffff; text-decoration:none; position:absolute; top:0; left:0; line-height:30px; }
.boxtex li a{ width:308px; height:67px; float:left; overflow:hidden; position:relative;color:#666666; text-decoration:none;line-height:30px; font-size:14px; }


#conaboutbanner1{ margin:0 auto; padding:0; width:100%; height:175px; background:url(../image/16a.jpg) no-repeat top center;}
#conaboutbanner2{ margin:0 auto; padding:0; width:100%; height:175px; background:url(../image/16p.jpg) no-repeat top center;}
#conaboutbanner3{ margin:0 auto; padding:0; width:100%; height:175px; background:url(../image/16s.jpg) no-repeat top center;}
#conaboutbanner4{ margin:0 auto; padding:0; width:100%; height:175px; background:url(../image/16n.jpg) no-repeat top center;}
#conaboutbanner5{ margin:0 auto; padding:0; width:100%; height:175px; background:url(../image/16f.jpg) no-repeat top center;}
#conaboutbanner6{ margin:0 auto; padding:0; width:100%; height:175px; background:url(../image/16j.jpg) no-repeat top center;}
#conaboutbanner7{ margin:0 auto; padding:0; width:100%; height:175px; background:url(../image/16c.jpg) no-repeat top center;}

#con{ margin:0 auto; padding:0; width:100%; height:auto; background:#f6f6f6;}

#conline{ margin:0 auto; padding:0; width:100%; height:80px; max-width:1100px; }
#conlineright{ margin:0; padding:0; width:auto; height:50px; margin-top:30px; float:right;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B7B; text-align:right; text-decoration:none; line-height:22px; font-weight: normal;}
#conlineright a{ font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:12px; color:#7B7B7B; text-align:right; text-decoration:none; line-height:22px; font-weight: normal;}
#conlineright a:hover{ color::#E3001B;}

#conmain{ margin:0 auto; padding:0; width:96%; height:auto; max-width:1200px;}
#conmaincon{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px; padding-bottom:10px; border-bottom:1px dashed #e3e3e3;}
#conmain1{ margin:0 auto; padding:0; width:40%; height:auto; float:left; font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#000; text-align:left; text-decoration:none; line-height:45px;}
#conmain2{ margin:0 auto; padding:0; width:50%; height:auto; float:right; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; text-align:right; text-decoration:none; line-height:45px;}
#conmain2 a{font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#888; text-align:right; text-decoration:none; line-height:45px;}
#conmain2 a:hover{color:#666; text-decoration: underline; line-height:45px;}


#conmaincon1{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:40px; padding-bottom:20px; }



#conleft{ margin:0; padding:0; width:22%; height:auto; float:right;}
#conleftsearch{ margin:0; padding:0; width:100%; height:auto;}
#conleft1{ margin:0; padding:0; width:99%; height:auto; border:1px solid #e3e3e3; margin-top:30px;}

#conleft11{ margin:0 auto; padding:0; width:100%;  height:45px; float:left; border-bottom:1px solid #e3e3e3; font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:45px;}
#conleft11 span{ padding-left:20px;font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#666; text-align:left; text-decoration:none; line-height:45px;}
#conleft12{ margin:0 auto; padding:4%; width:92%; height:auto; margin-top:15px;  }
#conleft12 ul{ margin:0 auto; padding:0; width:100%;height:auto; list-style:none;padding-top:30px; }
#conleft12 ul li{ margin:0; padding:0; width:100%; height:auto;}
#conleft12 ul li a{ margin:0; padding:0;border-bottom:1px dashed #e3e3e3;  display:block; padding-left:20px;  padding-top:10px; padding-bottom:10px; height:auto; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:20px;}
#conleft12 ul li a:hover{  color:#fff; background:#2485c1; }

#conleft12 ul li.acc a{ margin:0; padding:0;width:100%-20px; border-bottom:1px solid #2485c1; font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#fff; background:#2485c1; display:block;  padding-top:10px; padding-bottom:10px; height:auto;  text-align:left; text-decoration:none; line-height:20px;}
#conleft12 ul li.acc a:hover{  font-family:"微软雅黑","宋体",Arial; font-size:14px;color:#fff; background:#2485c1; }


#conleft2{ margin:0; padding:0; width:100%; height:auto; margin-top:40px; display:block; border:1px solid #e4e4e4;}
#conleft21{ margin:0 auto; padding:0; width:100%;background:#ccc; height:40px;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:16px; color:#fff; text-align:center; text-decoration:none; line-height:40px; font-weight: normal;}

#conleft22{ margin:0 auto; padding:0; width:94%; height:auto;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:25px; font-weight: normal; }
#conleft22 a{font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:25px; font-weight: normal; }
#conleft22 a:hover{ color:#000; text-decoration: underline;}
#conleft23{ margin:0 auto; padding:0; width:96%; padding:2%; height:auto;font-family:"微软雅黑","宋体", Arial, Helvetica, sans-serif; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:25px; font-weight: normal; }
#conleft23 img{ max-width:100%;}

#conleftk{ margin:0; padding:0; width:100%; height:30px;}
#conleft4{ margin:0; padding:0; width:100%; height:auto; padding-bottom:20px; padding-top:20px; }
#conleft41{ margin:0 auto; padding:0; width:33%; height:auto; float:left; text-align:center;}



.search{     color: #716565;
    font-size: 13px;
    font-family:"微软雅黑", sans-serif;
    padding-left: 5%;padding-right: 5%; height:40px;
    border: 1px solid #dcdcdc;
    width: 90%;
    outline: none;
}
.search .input{ margin:0; padding:0; width:74%; height:38px; padding-left:2%; padding-right:2%; color:#c4c4c4; float:left; border:0; line-height:38px;}
.search .btn{ width:18%; height:38px; border:none; background:url(../images/search.png) no-repeat center; float:right; cursor:pointer; padding-right:2%;}

#conright{ margin:0; padding:0; width:70%; padding:2%; height:auto; float:left; border:1px solid #f3f3f3; }
#conright1{ margin:0; padding:0; width:100%; height:auto; padding-top:20px; padding-bottom:20px;font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#007FAB; text-align:center; text-decoration:none; line-height:30px;}
#conright1 h1{font-family:"微软雅黑","宋体",Arial; font-size:18px;color:#007FAB; text-align:center; text-decoration:none; line-height:30px;}
#conright2{ margin:0 auto; padding:0; width:100%; height:auto; padding-top:20px; padding-bottom:20px; font-family:"微软雅黑","宋体",Arial; font-size:13px;color:#666; text-align:left; text-decoration:none; line-height:30px;}
.contentnew{ font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#666; text-align:left; text-decoration:none; line-height:25px;}
.contentnew img{ max-width:100%;}

#conright3{ margin:0 auto; padding:0; width:92%; height:auto; padding-top:20px; padding-bottom:20px; padding-left:4%;padding-right:4%;font-family:"微软雅黑","宋体",Arial; font-size:13px;color:#666; text-align:left; text-decoration:none; line-height:30px;}
#conright3 img{ max-width:100%; height:auto;}


#conrightk{ margin:0 auto; padding:0; width:100%; height:40%; }

#conpromain4a{ margin:0 auto; padding:0; width:100%; padding-top:40px; padding-bottom:40px; height:auto; background:#f3f3f3;}
#conpromain4{ margin:0 auto; padding:0; width:100%; padding-top:40px; padding-bottom:40px; height:auto; max-width:1200px;}
#conpromain41{ margin:0 auto; padding:0; width:96%; margin:2%; padding-bottom:10px; padding-top:10px; height: auto; float:left;font-size:18px; color: #000; font-weight: normal; line-height:25px; text-align:left;}
#conpromain42{ margin:0 auto; padding:0; width:96%; margin:2%; padding-bottom:10px; padding-top:10px; height: auto; float:left;font-size:14px; color: #666; font-weight: normal; line-height:25px; text-align:left;}

/*解决方案*/
.product-icon{ padding:20px 0 18px; background:#1CABED; text-align:center;}
.inner{ margin:0 auto; padding:0; width:100%; max-width:1200px;}
.icon-list{ display:inline-block; margin:auto;}
.icon-list li{ width:14%;float:left; margin-top:15px;}
.icon-list li:last-child{ margin-right:0;}
.icon-list li b{ display:block; width:42px; height:42px; border:2px solid #fff; margin:auto; position:relative; overflow:hidden;}
.icon-list li b:before{ content:""; width:100%; z-index:5; height:100%; position:absolute; left:0; top:0; transition:330ms;}
.icon-list li b:after{ content:""; width:100%; height:100%; background:#fff; position:absolute; left:0; top:0; transform-origin:left top; -webkit-transform-origin:left top; -moz-transform-origin:left top; transition:320ms; transform:rotate(-90deg); -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg);}
.icon-list li span{ display:block; text-align:center; color:#fff; line-height:normal; margin-top:6px; font-size:14px;}
.icon-list li:nth-child(1) b:before{ background:url(../image/pro1.png) center no-repeat;}
.icon-list li:nth-child(2) b:before{ background:url(../image/pro2.png) center no-repeat;}
.icon-list li:nth-child(3) b:before{ background:url(../image/pro3.png) center no-repeat;}
.icon-list li:nth-child(4) b:before{ background:url(../image/pro4.png) center no-repeat;}
.icon-list li:nth-child(5) b:before{ background:url(../image/pro5.png) center no-repeat;}
.icon-list li:nth-child(6) b:before{ background:url(../image/pro6.png) center no-repeat;}
.icon-list li:nth-child(7) b:before{ background:url(../image/pro7.png) center no-repeat;}
.icon-list li:nth-child(8) b:before{ background:url(../image/pro8.png) center no-repeat;}
.icon-list li:nth-child(9) b:before{ background:url(../image/pro9.png) center no-repeat;}
.icon-list li:nth-child(10) b:before{ background:url(../image/pro10.png) center no-repeat;}
.icon-list li:nth-child(11) b:before{ background:url(../image/pro11.png) center no-repeat;}
.icon-list li:nth-child(12) b:before{ background:url(../image/pro12.png) center no-repeat;}
.icon-list li:nth-child(13) b:before{ background:url(../image/pro13.png) center no-repeat;}
.icon-list li:nth-child(14) b:before{ background:url(../image/pro14.png) center no-repeat;}
.icon-list li:hover b:after,.icon-list li.on b:after{ transform:rotate(0); -webkit-transform:rotate(0); -moz-transform:rotate(0);}
.icon-list li:nth-child(1):hover b:before,.icon-list li:nth-child(1).on b:before{ background:url(../image/pro1_1.png) center no-repeat;}
.icon-list li:nth-child(2):hover b:before,.icon-list li:nth-child(2).on b:before{ background:url(../image/pro2_1.png) center no-repeat;}
.icon-list li:nth-child(3):hover b:before,.icon-list li:nth-child(3).on b:before{ background:url(../image/pro3_1.png) center no-repeat;}
.icon-list li:nth-child(4):hover b:before,.icon-list li:nth-child(4).on b:before{ background:url(../image/pro4_1.png) center no-repeat;}
.icon-list li:nth-child(5):hover b:before,.icon-list li:nth-child(5).on b:before{ background:url(../image/pro5_1.png) center no-repeat;}
.icon-list li:nth-child(6):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro6_1.png) center no-repeat;}
.icon-list li:nth-child(7):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro7_1.png) center no-repeat;}
.icon-list li:nth-child(8):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro8_1.png) center no-repeat;}
.icon-list li:nth-child(9):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro9_1.png) center no-repeat;}
.icon-list li:nth-child(10):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro10_1.png) center no-repeat;}
.icon-list li:nth-child(11):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro11_1.png) center no-repeat;}
.icon-list li:nth-child(12):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro12_1.png) center no-repeat;}
.icon-list li:nth-child(13):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro13_1.png) center no-repeat;}
.icon-list li:nth-child(14):hover b:before,.icon-list li:nth-child(6).on b:before{ background:url(../image/pro14_1.png) center no-repeat;}


.product-info{ padding-bottom:30px;}
.icu{ background:#ededed;}
.common-padd{ padding-top:25px;}


.protitle{ margin:0 auto; padding:0; padding-bottom:15px; padding-top:35px; width:100%; height:auto;font-family:"微软雅黑","宋体",Arial; font-size:28px;color:#1CABED; text-align:center; text-decoration:none; line-height:30px; }

.product-list{ margin-top:15px;}
.product-list li{ width:31%; float:left; margin-right:3.5%; margin-bottom:52px;}
.product-list li:nth-child(3n+3){ margin-right:0;}
.product-list li figure{ display:block; line-height:normal; overflow:hidden; position:relative;}
.product-list li figure img{ display:block; width:100%; height:auto; transition:424ms linear;}
.product-list li figcaption{ display:block; color:#5d5d5d; font-size:14px; line-height:normal; text-align:center; margin-top:14px; transition:350ms;}
.product-box .product-down{ float:left;}

.product-list li figure mark{ position:absolute; left:0; top:0; box-sizing:border-box; width:100%; height:100%; background:rgba(28,171,231,.2); background:#1CABED\9; filter:alpha(opacity=20); z-index:20; opacity:0; transform:skewX(45deg); visibility:hidden; transition:360ms;}
.product-list li figure mark b{ display:block; width:46px; height:46px; position:absolute; left:50%; top:50%; margin-left:-23px; margin-top:-23px; z-index:30;}
.product-list li figure mark b:before{ content:""; width:100%; height:1px; background:#1CABED; position:absolute; left:0; top:23px; transform:translateX(-200px); -webkit-transform:translateX(-200px); -moz-transform:translateX(-200px);}
.product-list li figure mark b:after{ content:""; width:1px; height:100%; background:#1CABED; position:absolute; left:23px; top:0; transform:translateY(-200px); -webkit-transform:translateY(-200px); -moz-transform:translateY(-200px);}
.product-list li figure mark:before{ content:""; width:100%; height:0%; border-left:3px solid #1CABED; border-right:3px solid #1CABED; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.product-list li figure mark:after{ content:""; width:0%; height:100%; border-top:3px solid #1CABED; border-bottom:3px solid #1CABED; box-sizing:border-box; position:absolute; left:0; top:0; transition:320ms;}
.product-list li:hover figure mark{ opacity:1; transform:skewX(0); visibility:visible;}
.product-list li:hover figure mark:before{ height:100%; transition:330ms 200ms;}
.product-list li:hover figure mark:after{ width:100%; transition:330ms 200ms;}
.product-list li:hover figure img{ transform:scale(1.05); -webkit-transform:scale(1.05); -moz-transform:scale(1.05);}
.product-list li:hover figure mark b:before{ transition:355ms 180ms; transform:translateX(0); -webkit-transform:translateX(0); -moz-transform:translateX(0);}
.product-list li:hover figure mark b:after{ transition:355ms 240ms; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);}
.product-list li:hover figcaption{ color:#1CABED; }

.vip{ background:#747474;}
.vip .product-down{ background:#ededed;}
.vip .product-list li figcaption{ color:#fff;}
.vip .product-list li:hover figcaption{ color:#1CABED;}


.pagelist{ text-align:center;}
.pages{ display:inline-block; margin:auto;}
.pages a{ display:inline-block; float:left; background:#fff; text-align:center; height:25px; line-height:25px; color:#7b7b7b;}
.pages a.prev{ width:45px;}
.pages a.home{ margin-right:8px;}
.pages a.last{ margin-left:8px;}
.pages a:hover{ color:#fff; background:#1CABED;}
.pages a.prpage{ width:25px;}
.pages a.pre{ margin-right:8px;}
.pages a.nex{ margin-left:8px;}
.pages a.nuble{ width:32px; margin-right:1px;}
.pages a.act{ color:#fff; background:#1CABED;}

/*about*/
.pbanner{ position:relative; overflow:hidden;}
.pbanner img{ display:block; width:100%; height:auto;}
.pbanner figcaption{ display:block; width:1200px; position:absolute; left:50%; margin-left:-600px; bottom:30px;}
.pbanner figcaption h3{ line-height:normal; color:#ffffff; font-size:60px; margin-bottom:10px;}
.pbanner figcaption small{ display:block; line-height:normal; color:#fff; font-family:"微软雅黑","宋体",Arial; font-size:30px;}


.news_list {
	margin:0;
	padding:0;
	background:#fff;
	padding:20px 40px;
	
}
.news_list li {
	padding:10px;
	border-bottom:1px solid #eee;
	font-size:13px;
	line-height:20px;
	color:#999;
	clear:both;
	height:140px;
	
}
.news_list li:hover {
	background:#f2f2f2
}
.news_list li img {
	float:left;
	margin-top:8px;
	margin-right:20px;
	width:150px;
	height:90px;
}
.news_list li h5 {
	font-size:16px;
	color:#333;
	line-height:30px;
	font-weight:normal
}
.news_list li:hover a h5 {
	color:#A81514
}
.news_list li p {
	max-height:110px;
	overflow:hidden;
	display:block
}
.news_list li:hover p {
	color:#333
}
.news_list li span {
	background:url(../images/icon_time.png) left center no-repeat;
	padding-left:18px;
	font-size:14px;
	line-height:30px;
	color:#CCC
}
.news_info {
	background:#fff;
	padding:40px;
	font-size:14px;
	line-height:30px;
	margin-bottom:40px
}

.news_info img{ max-width:100%; height:auto;}


.news_info h1.title {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}
.news_info h1 {
	font-size:28px;
	color:#000;
	line-height:45px;
	margin-bottom:10px;
	text-align:center
}

.news_info .data {
	font-size:14px;
	color:#ccc;
	line-height:30px;
	margin-bottom:10px;
	text-align:center;
	border-bottom:1px solid #eee
}
.news_info .prev {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_l.png) 3% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:left
}
.news_info .prev a {
	display:block;
	padding:10px 0 10px 40px;
	color:#ccc
}
.news_info .prev:hover {
	background:url(../images/arrow_l.png) 1% center no-repeat #709DC7
}
.news_info .prev:hover a {
	color:#fff
}
.news_info .next {
	width:48%;
	font-size:16px;
	border:1px solid #eee;
	margin-top:40px;
	background:url(../images/arrow_r.png) 97% center no-repeat;
	-webkit-transition:.3s all ease;
	-moz-transition:.3s all ease;
	-ms-transition:.3s all ease;
	-o-transition:.3s all ease;
	transition:.3s all ease;
	float:right;
	text-align:right
}
.news_info .next a {
	display:block;
	padding:10px 40px 10px 0;
	color:#ccc
}
.news_info .next:hover {
	background:url(../images/arrow_r.png) 99% center no-repeat #709DC7
}
.news_info .next:hover a {
	color:#fff
}



.news_info .contentnew{font-family: '微软雅黑',宋体; font-size:16px;color:#000; text-align:left; text-decoration:none; line-height:30px;}

.news_info .contentnew img{ max-width:100%;
}

.news_info .contentnew td{ border:1px solid #ebebeb; padding-left:25px;
}


.list_page {
	border-left:1px solid #d8d8d8;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
*display:inline;
	vertical-align:middle;
}

.list_page {
	border-left:1px solid #d8d8d8;
	text-align:center;
	font-size:0;
	line-height:0;
	display:inline-block;
*display:inline;
	vertical-align:middle;
}
.list_page li{
	float:left; 
}

.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	padding:0 30px;
	border:1px solid #d8d8d8;
	border-left:0;
	display:inline-block;
	height:40px;
	line-height:40px;
	color:#666;
	float:left;text-decoration:none;
	background-color:#f0f0f0
}
.list_page .current, .list_page a, .list_page .gap {
	width:60px;
	padding:0;
	height:40px;text-decoration:none;
	display:inline-block
}
.list_page .current {
	color:#fff;
	background-color:#185BA1; text-decoration:none;
}
.list_page .disabled {
	color:#b4b4b4
}
.list_page .next_page {
	width:auto
}
.page_div {
	height:auto;
	margin:0 auto 20px;
*margin:20px 0;
	padding:25px 0 28px 0;
	display:none
}
.list_page a{
	margin-left:10px;
}
.list_page a:hover {
	background-color:#fff
}
a.prev_page {
	padding:0 30px;
	width:auto
}
.page_div .picnext {
	width:225px;
	height:95px;
	display:none;
	background:url(../images/paging_icon1.png) no-repeat 0 -7px;
	vertical-align:top;
	margin:-22px 0 0 20px
}
.list_page span {
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}
.list_page .next_page, .list_page .disabled, .list_page .current, .list_page a, .list_page .gap {
	float:none;
	font-size:14px;
	line-height:40px;
	font-weight:bold;
	float:left;
	display:inline-block;
	vertical-align:top;
	margin:0;
	padding:0
}


.keifu{position:fixed;bottom:50px;right:0;width:131px; _position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.bottom,10)||0)-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
 z-index:990;}
.icon_keifu{width:26px;height:100px;float:left;background:url(../images/keifu.png) 0 0;position:relative;display:none;cursor:pointer;}
.keifu_box{float:left;width:131px;}
.keifu_head{width:131px;height:41px;background:url(../images/keifu.png);background-position: 0 -103px;font-size:0;line-height:0;position:relative;}
.keifu_close:link,.keifu_close:visited{display:block;width:11px;height:11px;background:url(../images/keifu.png) -42px 0;position:absolute;top:5px;right:5px;}
.keifu_close:hover{background-position:-60px 0;}
.keifu_con{border-left:7px solid #029bdb;border-right:7px solid #029bdb;padding-top:15px;background:#fbfbfb;}
.keifu_con li{height:auto;padding-left:12px;}

.keifu_con .fuwu{height:30px; font-size: 18px; text-align: center; color: #000; font-weight: normal;}
.keifu_con .tel{height:30px; font-size: 14px; text-align: center; color: #C90407; font-weight: bold;}
.keifu_con .weixin{height:96px;}
.keifu_con .bt{font-size:16px;height:30px;line-height:30px;text-align:left;padding:0 0 0 20px;color:#012646;}
.keifu_bot{width:131px;height:29px;background:url(../images/keifu1.png) no-repeat bottom left;}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#0b8aeb;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#666;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service-item a{font-size: 14px; color: #666;}




.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}

/*foot*/
#site{ margin:0 auto; padding:0; width:100%; height:AUTO; background:#199DD7; padding-top:30px; padding-bottom:30px;}
#sitemain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto;}
#site1{ margin:0; padding:0; width:100%; height:auto; padding-top:30px; float:left;}

.site1{ margin:0; padding:0; width:auto;height:auto; }
.site1{ height:auto;}
.site1 ul { padding:0; margin:0 auto; list-style:none; border:0;  width:auto; text-align:left;}
.site1 ul li{ margin:0; padding:0;border:0; width:12%; display:block;   height:auto;  font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#fff; text-align:left; text-decoration:none; line-height:22px; float:left;}
.site1 ul li a{margin:0; padding:0;border:0;width:100%; display:block;  padding-left:2%;font-family:"微软雅黑","宋体",Arial; font-size:14px; color:#fff; text-align:left; text-decoration:none; line-height:22px; font-weight: bold;}
.site1 ul li a:hover{color:#FFC000;}

.site1 ul li ul{ margin:0; padding:0;border:0; width:100%;  height:auto;  display:block; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#fff; text-align:center; text-decoration:none; line-height:22px; float:left;}
.site1 ul li ul li { margin:0; padding:0; border:0;width:100%; height:auto; display:block; font-family:"微软雅黑","宋体",Arial; font-size:11px; color:#fff; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}

.site1 ul li ul li a{ margin:0; padding:0; border:0;width:96%; padding-left:2%; padding-right:2%; height:auto; display:block; font-family:"微软雅黑","宋体",Arial; font-size:11px; color:#fff; text-align:left; text-decoration:none; line-height:20px; font-weight: normal;}
.site1 ul li ul li a:hover{color:#FFC000;}

#site2{ margin:0; padding:0; width:25%; height:auto; padding-top:30px; float:left;}
#site21{ margin:0; padding:0; width:100%; height:AUTO; float:left;font-family: Nexa Bold,Arial; font-size:24px;color:#fff; text-align:left; text-decoration:none; line-height:30px;}
#site23{ margin:0; padding:0; width:100%; height:AUTO; float:left;font-family: "微软雅黑","宋体",Arial; font-size:16px;color:#fff; text-align:left; text-decoration:none; line-height:30px;}
#site24{ margin:0; padding:0; width:50px;height:2px; float:left; background:#fff;}
#site22{ margin:0; padding:0; width:100%;  height:AUTO; float:left; font-family:"微软雅黑","宋体",Arial; font-size:12px;color:#fff; text-align:left; text-decoration:none; line-height:30px;}



.newsList a:link,.newsList a:visited{ color: #b0b0b0;}
.newsList a:active,.newsList a:hover{ color: #fff;}
.newsList{ width: 92%; padding-left:2%;}
.newsList li{ width: 100%; float: left; display: block; margin:0px 0% 2% 2%;}
.newItem{ border-bottom: 1px dashed #dbdbdb; background-color: #fff; transition: 300ms;}
.newItem .imga{ width:30%; float:left; }
.newItem .imga img{ width:100%; float:left; }
.newItem .txt{ width:66%; float:left; padding:10px 2%; }



.newItem a{ display: block; padding: 22px 20px; }
.newItem .time{ height: 20px; margin-bottom: 5px;}
.newItem .t{ font: 16px/1.5 "microsoft yahei"; color: #6e6e6e; height: 30px; line-height:30px; font-weight:bold; }
.newItem .c{ height:}
.newItem .more{ background-color: #c3c3c3; color: #f0f0f0; padding: 2px 10px;}
.newsList li:hover .newItem{ background-color: #0C6BA5; }
.newsList li:hover .t{ color: #fff;}
.newsList li:hover .more{ background-color: #fff; color: #80abde;}


#newslist{ margin:0 auto; padding:0; width:100%; height:auto; border-bottom:1px dashed #b3b3b3;}



#footk{ margin:0 auto; padding:0; width:100%; height:40px; }
#foot{ margin:0 auto; padding:0; width:100%; height:auto; background:#199DD7; text-align:center; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff;  text-decoration:none; line-height:40px; font-weight:normal;}
#foot a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff; text-align:center; text-decoration:none; line-height:40px; font-weight:normal;}
#foot a:hover{  color:#FFC000;}
#footmain{ margin:0 auto; padding:0; width:100%; max-width:1200px; height:auto; padding-top:10px; text-align:center;  border-top:1px solid #3a3a3a;font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff;  text-decoration:none; line-height:40px; font-weight:normal;}
#footleft{ margin:0; padding:0; width:50%; height:auto; float:left; text-align:left; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff;  text-decoration:none; line-height:40px; font-weight:normal;}
#footright{ margin:0; padding:0; width:50%; height:auto; float:right; text-align:right; font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff;  text-decoration:none; line-height:40px; font-weight:normal;}
#footleft a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}
#footleft a:hover{  color:#40a9d0;}
#footright a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#fff; text-align:right; text-decoration:none; line-height:20px; font-weight:normal;}
#footright a:hover{  color:#40a9d0;}
@media screen and (max-width:740px) {
.logo{ display:block;}
.f12{ display:none;}


#footk{ margin:0 auto; padding:0; width:100%; height:auto; }
#footleft{ margin:0; padding:0; width:100%; height:auto; }
#footright{ margin:0; padding:0; width:100%; height:auto; float:left; text-align:left; }
#footleft a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}
#footleft a:hover{  color:#40a9d0;}
#footright a{ font-family:"微软雅黑", "宋体",Arial; font-size:12px; color:#666; text-align:left; text-decoration:none; line-height:20px; font-weight:normal;}
#footright a:hover{  color:#40a9d0;}




#conleft{ margin:0; padding:0; width:96%; height:auto; padding-left:2%; padding-right:2%; margin-top:30px; margin-bottom:30px;}

#conright{ margin:0; padding:0; width:96%; height:auto; padding-left:2%; padding-right:2%;height:auto; float:left; border:1px solid #e4e4e4; background:#fff; -moz-box-shadow:2px 2px 5px #888; -webkit-box-shadow:2px 2px 5px #888; box-shadow:2px 2px 5px #888;}


}

#tabbox{ margin:0 auto; padding:8px; background-color:#fff; border-radius:5px; margin-bottom:15px; width: 100%; max-width:1200px; }
.tab_conbox{border: 1px solid #e3e3e3;border-top: none; color:#199dd7;}
.tab_conbox a{ color:#199dd7;}
.tab_conbox a:hover{ color:#000;}
.tabs{height: 32px;border-bottom:1px solid #e3e3e3;width: 100%;max-width:1200px;}
.tabs li{float:left;border-left:none;background: #fff;position: relative;font-size: 15px; font-weight: 700; line-height: 31px; height: 31px; overflow: hidden; margin-bottom: -1px; padding: 0 4px;}
.tabs li a {display: block;padding: 0 20px;outline: none;}
.tabs .thistab,.tabs .thistab a:hover{background: #fff;border-bottom: 1px solid #fff;}